<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Image Gallery</title>
		<script src="scripts/showPic.js"></script>
	</head>
	<body>
		<h1>Snapshots</h1>
		<ul>
			<li>
				<a href="../images/fireworks.jpg" title="A firworks display" onclick="showPic(this); return false;">Fireworks</a>
			</li>
			<li>
				<a href="../images/coffee.jpg" title="A cup of black coffee" onclick="showPic(this); return false;">Coffee</a>
			</li>
			<li>
				<a href="../images/rose.jpg" title="A red, red rose" onclick="showPic(this); return false;">Rose</a>
			</li>
			<li>
				<a href="../images/bigben.jpg" title="The famous clock" onclick="showPic(this); return false;">Big Ben</a>
			</li>
		</ul>
		<img id="placeholder" src="../images/placeholder.gif" title="my image gallery"/>
		<p id="description">Choose an image.</p>
	</body>
</html>